/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
        text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

#left_bg {
	background: url(http://3.bp.blogspot.com/-lmKZ2sljFmE/UT9-itzdsZI/AAAAAAAAAOo/ax9BEwW51P8/s1600/bg-left.png) repeat-y;
}

#right_bg {
	background: url(http://1.bp.blogspot.com/-cdTPD74n0uE/UT9-iuXGOBI/AAAAAAAAAOg/m1jJK-bpjB8/s1600/bg-right.png) top right repeat-y;
}

body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 62.5%;
    background-color: #323232;
    color: #555;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset end */

header, footer, section, aside, nav, article {
	display: block;
}

h1 {
	font-size: 4.2em;
}

h2 {
	font-size: 2.2em;
}

h3 {
	font-size: 1.8em;
}

a:link{
        text-decoration:none;color:#ef4520;
}

a:visited{
        text-decoration:none;color:#ef4520;
}

a:hover{
        text-decoration:underline;color:#ef4520;
}

p {
	padding-bottom: 0;
}


/* main-wrapper */

#main-wrapper {
    margin: 0 auto;
    padding: 40px 0 40px 0;
	width: 1050px;
	height: 100%;
}

/* header */


.titlewrapper {float: left;}
.titlewrapper h1 {color: #FFF;}
.titlewrapper a {color: #FFF;}

#page_title {
	background: url(https://lh6.googleusercontent.com/-zLPm58G9uuA/T34hW-rYOUI/AAAAAAAAAKU/zqWR8C5XHZI/s352/logo.png) no-repeat;
 	display:block;
    width:352px;
   	height:50px;
    text-indent:-9999px;
}

#social_header {
    float: left;
    width: 120px;
    padding: 19px 0 0 0;
    margin-left: 398px;
}

#social_header ul li {
	float: left;
}

#header_feed {
	background: url(https://lh6.googleusercontent.com/-RoF9Ug9D0G8/T34t3N5DdYI/AAAAAAAAAMw/5mcIv4ZGTh0/s20/rss.png) no-repeat;
 	display:block;
    width:30px;
    height:20px;
    text-indent:-9999px;
}


#header_twitter {
	background: url(https://lh4.googleusercontent.com/-QM82swWuGIc/T34tVV6spRI/AAAAAAAAAMY/3KoedLMpoLw/s27/twitter.png) no-repeat;
 	display:block;
    width:37px;
    height:20px;
    text-indent:-9999px;
}


#header_gplus {
	background: url(https://lh4.googleusercontent.com/-gl9k5VB2bHo/T34t3DgxDlI/AAAAAAAAAMs/DkroB8eXIMg/s20/GoogleP.png) no-repeat;
 	display:block;
    width:22px;
    height:20px;
    text-indent:-9999px;
}


#header_facebook {
	background: url(https://lh3.googleusercontent.com/-ChNIfzSZST4/T34t3AfQ37I/AAAAAAAAAM0/048rTGMKZag/s20/facebook.png) no-repeat;
 	display:block;
    width:20px;
    height:20px;
    text-indent:-9999px;
}

#search {
    float: left;
    padding-top: 18px;
}

#search_box {
    width: 170px;
    height: 22px;
    background: #fff;
    padding: 0 5px 0 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#searchinput {
    border: none;
    width: 148px;
    height: 20px;
    font-size: 1.2em;
    float: left;
}

#searchbutton {
    height: 20px;
    width: 20px;
    background: url(https://lh5.googleusercontent.com/-rFB57qROxDc/T3zbXIVMcRI/AAAAAAAAAJE/kTXgZn6q6A0/s20/search.png) no-repeat;
    border: none;
    cursor: pointer;
    float: left;
}

/* intro */

#intro {  
 	height: 210px;
    color: #fff;
    background: url(http://2.bp.blogspot.com/-MXjsjcFbfQY/UT-2zgdq88I/AAAAAAAAAO4/npXMrzdFniY/s1600/header.png) no-repeat;  
    background-size: 100%;
    padding: 40px 0 0 20px;
    font-size: 2.2em;
}

/* content */

#content { 
	display: table;    

    background: #fff;
}

#mainContent {
	display: table-cell;   	
	-webkit-box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.7) inset;
	-moz-box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.7) inset;
	box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.7) inset;	
    width: 660px;   
    padding:0 30px 0 30px;
}

aside {
	display: table-cell;   	
	-webkit-box-shadow: 5px 7px 10px -7px rgba(0,0,0,0.7) inset;
	-moz-box-shadow: 5px 7px 10px -7px rgba(0,0,0,0.7) inset;
	box-shadow: 5px 7px 10px -7px rgba(0,0,0,0.7) inset;
    width: 300px;
    padding:0 15px 15px 15px;
    background: #fcfcfc;
}
      
/* posts */        

.post-outer {
	background-color: #fff;
	margin-top: 15px;
}

.post {
	text-align: justify;
}

.post-title {
	float: left;
	width: 635px;
	font-weight: bold;
	text-transform: uppercase;
}
.post-title a {
   	color: #000;
}

.post-title a:hover {
    color: #ef4520;
    text-decoration: none;
}

.post-author {
    font-size: 1.1em;
    padding: 0 0 10px 0;
}

.ptitle {
	float: left;

}

.comment-top {
    float: right;
	position:relative;
	width:25px;
	height:16px;
	margin-top: 5px;
	text-align:center;
	color:#fff;
	background:#ef4520;
   	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 1px 0 0 0;
}

.comment-top a:visited, .comment-top a, .comment-top a:hover {
	display: block;
	width:100%;
  	height:100%;
	color: #fff;
	text-decoration: none;
    font-size: 1.2em;	
}

.comment-top:before {
	content:"";
	position:absolute;
	bottom:-8px;
	right:12px;
	border-width:0 0 8px 6px;
	border-style:solid;
	border-color:transparent #ef4520;
}



.post-labels {
    font-size: 1em;
    width: 100%;
    padding: 0;
}

.post img {
   padding: 5px;
   border: 1px solid #F0F0F0;
}  
  
.post-body {
	font-size: 1.4em; 
	line-height: 1.7;
	padding: 0;
}

.post-footer {
	display: table;
    width: 100%;
    height: 30px;
    margin: 20px 0 40px 0;
	padding-bottom: 5px;
    font-size: 1.3em;
	border-bottom: 1px solid #e4e4e4;    
}

.post-share-buttons {
    display: none;
}

.post-icons {
    float: left;
}

.post-comment-link {
	float: left;  
	text-align: center;    
	text-transform: uppercase;
	background: #d0d0d0;
   	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;	
	padding: 4px 6px 4px 6px;
    font-size: 0.9em;			            
}

div.post-comment-link:hover {
	color: #000;
}

.post-comment-link a, .post-comment-link a:hover {
	color: #fff;
	text-decoration: none;	
}

.loader {
    font-size: 0.9em;	
	float: left;
    color: #fff;
	background: #ef4520;
	text-align: center;
	text-transform: uppercase;	
   	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	padding: 4px 6px 4px 6px;
	margin-right: 20px;
}

.social_buttons {
	display: none;
    float: left;
    width: 310px;
}

.load_socials {
    float: left;
    cursor: pointer;
}

.gpbutton {
    background :url(http://1.bp.blogspot.com/-A1LZboML_NI/UUzzumILkbI/AAAAAAAAARc/iRLWhK0rfS8/s1600/Google_Plus.png) no-repeat;	
    float: left;
    height:26px;
    width: 26px;
    margin-right: 10px;  
}

.twbutton {
    background :url(http://2.bp.blogspot.com/-BVJrjt4Byiw/UUzzEJegfjI/AAAAAAAAARQ/Eokx-PhLTs0/s1600/twitter.png) no-repeat;	
    float: left;
    height:26px;
    width: 26px; 
    margin-right: 10px;      
}

.social_link {
	display: block;
	height: 100%;
	width: 100%;
}

.fbbutton {
    background :url(http://3.bp.blogspot.com/-nDFzx1yMgJk/UUzzul1DA8I/AAAAAAAAARY/f_M_sh_5_Dk/s1600/facebook.png) no-repeat;	
    float: left;
    height:26px;
    width: 26px;
    margin-right: 10px;       
}

/* comments */

.comments {       
  clear: both;       
  width: 660px;          
}

.comments .comments-content {       
  font-size: 1.3em;       
  margin-bottom: 16px;       
}

#comment-post-message {
  font-size: 1.3em;  
}
       
.load_socials, .comments .comment .comment-actions a {
	padding: 0 !important;
	margin-left: 5px;
}

.comment-actions {
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 20px;
}

.load_socials:hover, .comments .comment .comment-actions a:hover {       
}
    
.comments .comments-content .comment-thread ol {       
  list-style-type: none;       
  padding: 0;       
  text-align: left;
}
       
.comments .comments-content .inline-thread {       
  padding: 0;       
}  
     
.comments .comments-content .comment-thread {       
  margin: 8px 0px;       
}   
    
.comments .comments-content .comment-thread:empty {       
  display: none;       
}   
    
.comments .comments-content .comment-replies {       
  margin-top: 10px;       
  margin-left: 45px;
}   
    
.comments .comments-content .comment {       
  margin-bottom:16px;       
  padding-bottom:8px;       
}   
    
.comments .comments-content .comment:first-child {       
  padding-top:16px;       
}  
     
.comments .comments-content .comment:last-child {       
  border-bottom:0;       
  padding-bottom:0;       
}       

.comments .comments-content .comment-body {       
  position:relative;       
}       

.comments .comments-content .user {          
}       

.comments .comments-content .icon.blog-author {       
  width: 18px;       
  height: 18px;       
  display: inline-block;       
  margin: 0 0 -4px 6px;       
}

.blog-author a{
	font-weight: normal;
	color: #9b9b9b;
}

.blog-author a:hover{
	text-decoration: none;
	color: #ef4520;
}
   
.comments .comments-content .datetime {
	float: right;
  	margin-left:6px;       
}

.comments .comments-content .datetime a{       
  color: #9b9b9b;      
}

.comments .comments-content .datetime a:hover{       
	text-decoration: none;
	color: #ef4520;     
}  

.comments .comments-content .comment-header {
	padding-top: 10px;
    border-top: 1px solid #eee;
}

.comments .comments-content .comment-header,       
.comments .comments-content .comment-content {       
  margin:0 0 10px;       
}       
.comments .comments-content .comment-content {       
  text-align:justify;       
}       
.comments .comments-content .owner-actions {       
  position:absolute;       
  right:0;       
  top:0;       
}       
.comments .comments-replybox {       
  border: none;       
  height: 250px;       
  width: 100%;       
}       
.comments .comment-replybox-single {       
  margin-top: 5px;       
  margin-left: 48px;       
}       
.comments .comment-replybox-thread {
width: 680px;
}

.comments .comments-content .loadmore a {       
  display: block;       
  padding: 10px 16px;       
  text-align: center;       
}       
.comments .thread-toggle {       
  cursor: pointer;       
  display: inline-block;       
}       
.comments .continue { 
	display: block;
	width: 100%;
	text-align: right;
  	cursor: pointer;       
}       
.comments .continue a {
	padding: 0 !important;
	font-weight: normal;   
}
.comments .continue a:hover {}

.comments .thread-toggle a, .thread-count a{
	color: #9b9b9b;
}  
  
.comments .comments-content .loadmore {       
  cursor: pointer;       
  max-height: 3em;       
  margin-top: 3em;       
}       
.comments .comments-content .loadmore.loaded {       
  max-height: 0px;       
  opacity: 0;       
  overflow: hidden;       
}       
.comments .thread-chrome.thread-collapsed {       
  display: none;       
}       
.comments .thread-toggle {       
  display: inline-block;       
}       
.comments .thread-toggle .thread-arrow {       
  display: inline-block;       
  height: 6px;       
  width: 7px;       
  overflow: visible;       
  margin: 0.3em;       
  padding-right: 4px;       
}       
.comments .thread-expanded .thread-arrow {}       
.comments .thread-collapsed .thread-arrow {}       
.comments .avatar-image-container {
	margin-top: 10px;
  	width: 36px;       
  	max-height: 36px;       
  	overflow: hidden;       
}       
.comments .avatar-image-container img {       
    width: 36px;       
}       
.comments .comment-block {       
}

.comment {
    overflow: hidden;
}

/* Responsive styles. */      
@media screen and (max-device-width: 480px) {       
  .comments .comments-content .comment-replies {       
    margin-left: 0;       
  }       
}       

/* form */

.comment-form {
	max-width: 660px;
    width: 660px;
}

/* footer */
                        
#footer {
	background: url(http://1.bp.blogspot.com/-jqpaFXvQvdk/UZUO4VVLylI/AAAAAAAAASc/yTuxmkGryO4/s1600/map.jpg) no-repeat;
	height: 100px;
    padding: 20px 0 20px 0;
    text-align: center;
    width: 100%;
    webkit-box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.7) inset;
    -moz-box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.7) inset;
    box-shadow: 0px 7px 10px -7px rgba(0,0,0,0.7) inset;
}

#footer a{

}

#footer a:hover{
	text-decoration: none;
}

.blog-feeds {
    display: none;
}

/* Gadgets*/

.sidebar .widget {
	width: 278px;
	background-color: #fff;
    border: 1px solid #ddd;
    border-color: #e4e4e4 #bebebd #bebebd #e4e4e4;
	-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
    -moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
    box-shadow: 1px 1px 2px 0 #d0d0d0;
	margin-top: 15px;
    padding: 10px;	
}

.sidebar .widget h3, .sidebar .widget h2, #tabbing h3 {
    display: block;
    width: 100%;
    font-size: 1.4em;
    text-transform: uppercase;
}

.widget-content {
    font-size: 1.3em;
    line-height: 1.6;     
}

.widget-content img {
    border: 1px solid #F0F0F0;
    padding: 3px;
}

.profile-image {
    float: left;
    width: 90px;
    padding: 5px;
    border: #F0F0F0;   
}

.profile-img {
    margin: 0 5px 0 0;
}

.llist {
   list-style-type: square;
   padding-left:40px;
}

.Stats .counter-wrapper {
    font-size: 1.1em;
    font-weight: normal;
    color: #ef4520;
}

.recent-comment { padding-bottom:10px; }

/* Pagination */

.blog-pager,#blog-pager {
	width: 660px;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.blog-pager a:hover,#blog-pager a:hover{
	text-decoration: underline;
}

.showpageNum a,.showpage a {
	display: inline-block;
  	color: #000;
  	background: #fff;
  	text-align: center;
	background: #eee;
	border: 1px solid #ddd;
    border-color: #e4e4e4 #bebebd #bebebd #e4e4e4;
	-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
    -moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
    box-shadow: 1px 1px 2px 0 #d0d0d0;
  	padding: 5px 7px 5px 7px;
  	margin-right: 7px;
}

.showpageNum a:hover,.showpage a:hover {
  	color: #fff;
  	background: #ef4520;
	border: 1px solid #ef4520;
	text-decoration: none !important;
}

.showpagePoint{
	display: inline-block;
  	color: #fff;
  	background: #ef4520;
  	text-align: center;
	border: 1px solid #ef4520;
    border-color: #e4e4e4 #bebebd #bebebd #e4e4e4;
	-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
    -moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
    box-shadow: 1px 1px 2px 0 #d0d0d0;
  	padding: 5px 7px 5px 7px;
  	margin-right: 7px; 
}

/* blogger navbar
Soruce: http://groups.google.com/group/blogger-help-customizing/browse_thread/thread/c7e3226fe35da11e?fwc=1&pli=1
*/
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

/* Ad Sense*/

.inline-ad {
	padding: 10px 0 10px 0;
	margin: 0 0 40px 0;
    text-align: center;
	border-bottom: 1px solid #e4e4e4;;
}

#AdSense1 {
    text-align: center;
}


/* Tabbing */

#tabbing{
	width: 298px;
	margin-top: 15px;
	border-right: 1px solid #bebebd;
    border-left: 1px solid #e4e4e4;
	border-bottom: 1px solid #bebebd;
	-webkit-box-shadow: 1px 1px 2px 0 #d0d0d0;
    -moz-box-shadow: 1px 1px 2px 0 #d0d0d0;
    box-shadow: 1px 1px 2px 0 #d0d0d0;
} 

.tab_container {

	clear: both;
}

.tab_container .widget{
	margin-top: 0;
	border: 0;
}

.tab_content .widget {
    border: 0;
}

.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
    border-right: 1px solid #bebebd;	
	cursor: pointer;
}

.tabs li:first-child {
	width: 128px;
    border-right: 1px solid #e4e4e4;
}

.tabs li {
	text-align: center;
	float: left;
	height: 22px;
	width: 129px;
	overflow: hidden;
	position: relative;
	color: #888;
	background: #eee;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
	padding: 7px 10px 0 10px;
}

.tabs li:hover {
	background: #fff;
}

.tabs li.active{
	color: #555;
	background: #fff;
    border-bottom: 1px solid #fff;
	cursor: default;
}

/* iframe*/
